<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 10px !important;
}

.size {
	width: 620px;
	position: relative;
	left: 30%;
	top: 10%;
}

.tabela {
	width: 750px;
}
</style>

	<title>Relatório - Financeiro</title>
</h:head>

<h:body>
	<ui:decorate template="/templateBase.xhtml">

		<ui:define name="center">


			<h:form prependId="false" id="formFinanceiro">
				<br />
				<br />
				<br />
				<br />
				<p:panel header="Relatórios - Gestão Financeira" styleClass="size"
					toggleable="true"
					footer="SIGLAS - Sistema de Gerenciamento de Laboratório de Análise de Solos">

					<p:growl id="growl" life="3000" />
					<br />
					<p:tabView>
						<p:tab title="Relatório de Recebimentos">
							<br />

							<div align="center">
								<h:panelGrid columns="6" cellspacing="5">

									<h:outputText value="Período:" />
									<p:calendar size="10" maxlength="6"
										value="#{GeraRelatorioBacking.dataInicio}" />
									<h:outputText value="até" />
									<p:calendar size="10" maxlength="6"
										value="#{GeraRelatorioBacking.dataFim}" />

								</h:panelGrid>
							</div>
							<br />
							<br />

							<div align="center">
								<p:commandButton ajax="false" value="Emitir Relatório"
									immediate="false" icon="ui-icon-print"
									onclick="this.form.target='_blank'"
									action="#{GeraRelatorioBacking.relatorioRecebimentosPorPeriodo}" />
							</div>
						</p:tab>

					</p:tabView>

					<br />
					<br />

				</p:panel>

			</h:form>
		</ui:define>
	</ui:decorate>
</h:body>
</html>
